<template>
  <u-popup :show="show" @close="close" @open="open" :closeable="closeable">
    <view
      class="layout"
      style="
        height: 90vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.1);
        font-size: 14px;
      "
    >
      <slot />
    </view>
  </u-popup>
</template>
<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false,
    },
    closeable: {
      type: Boolean,
      default: true,
    },
  },
  data: function () {
    return {};
  },
  methods: {
    open() {
      this.$emit("open");
    },
    close() {
      this.$emit("close");
    },
  },
};
</script>
<style lang="scss" scoped></style>
